#5A0AC2

Color Details

HEX
#5A0AC2
RGB
rgb(90, 10, 194)
HSL
hsl(266, 90%, 40%)
CMYK
cmyk(54%, 95%, 0%, 24%)
Best text on this color #FFFFFF (CR 9.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5a0ac2
Contrast 2.26:1 Fail
White on #5a0ac2
Contrast 9.30:1 AAA
#5a0ac2 on Black
Contrast 2.26:1 Fail
#5a0ac2 on White
Contrast 9.30:1 AAA

Tints & Shades

#7b3bce
#9c6cda
#bd9de7
#48089b
#360674
#24044e

Complement & Analogous

#72c20a
#b60ac2
#0a16c2

Triadic

#c25a0a
#0ac25a

Monochrome

#24044e #360674 #5a0ac2 #9c6cda #bd9de7 #decef3

Analogous

#0a16c2 #545cd4 #5a0ac2 #c53bce #b60ac2 #92089b

Complementary Mix

#360674 #5a0ac2 #9c6cda #72c20a #a3d760 #4a7e07

Nearby Colors

#5a0ac1
#5a0ac3
#5a0ab2
#5a0ad2

Embed #5A0AC2 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5A0AC2

#5A0AC2 converts to RGB(90, 10, 194) and HSL(266, 90%, 40%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5A0AC2 FAQs

What is the RGB value of #5A0AC2?
RGB: 90, 10, 194. Copy as CSS: rgb(90, 10, 194)
Is #5A0AC2 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5A0AC2?
Complement: #72c20a.
Does #5A0AC2 have good contrast on white or black?
On white: 9.30:1 (AAA (normal text)). On black: 2.26:1 (Fails AA).